<header>
    <div class="meizu-header">
        <div class="header-logo">
            <a href="./index.html">
                <img src="../images/index_logo.png" alt="">
            </a>
        </div>
        <ul class="header-list">
            <li>
                <a href="./list.html?cat_one_id=食品酒水">食品酒水</a>
            </li>
            <li>
                <a href="./list.html?cat_one_id=童装玩具">童装玩具</a>
            </li>
            <li>
                <a href="./list.html?cat_one_id=家装建材">家装建材</a>
            </li>
            <li>
                <a href="./list.html?cat_one_id=奶粉尿裤">奶粉尿裤</a>
            </li>
            <li>
                <a href="./list.html?cat_one_id=其他">其他产品</a>
            </li>
        </ul>

        <!--  -->
        <!-- <div class="header-sec-menu">
    
        </div> -->

        <!-- 搜索 -->
        <div class="header-search">
            <input type="text" placeholder="魅族 18">
        </div>

        <!-- 个人中心 -->
        <div class="header-user">
            <a href="./login.html" class="header-user-icon iconfont icon-icongerenzhongxin-01"
                name="header-user-icon">
            </a>
            <ul>
                <li>
                    <a href="./login.html" name="login">立即登录</a>
                </li>
                <li>
                    <a href="./reg.html" name="reg">立即注册</a>
                </li>
                <li>
                    <a href="#" name="logout">退出登录</a>
                </li>
            </ul>
        </div>

        <!-- 购物车 -->
        <a href="./cart.html" class="header-cart iconfont icon-gouwuche"></a>
    </div>
    <div class="meizu-header-sub-warp">
        <ul>
            <li>
                <a href="javascript:;">
                    <i class="header-product-img"
                        style="background-image: url('https://openfile.meizu.com/group1/M00/08/C6/Cgbj0GFD_OWAbnQ-AAnrj3u6JUw104.png@240x240.jpg');"></i>
                    <span class="header-product-name">魅族18</span>
                    <span class="header-product-price">￥199</span>
                </a>

            </li>
            <li>
                <a href="javascript:;">
                    <i class="header-product-img"
                        style="background-image: url('https://openfile.meizu.com/group1/M00/08/C6/Cgbj0GFD_OWAbnQ-AAnrj3u6JUw104.png@240x240.jpg');"></i>
                    <span class="header-product-name">魅族18</span>
                    <span class="header-product-price">￥199</span>
                </a>
            </li>
            <li>

                <a href="javascript:;">
                    <i class="header-product-img"
                        style="background-image: url('https://openfile.meizu.com/group1/M00/08/C6/Cgbj0GFD_OWAbnQ-AAnrj3u6JUw104.png@240x240.jpg');"></i>
                    <span class="header-product-name">魅族18</span>
                    <span class="header-product-price">￥199</span>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="header-product-img"
                        style=" background-image:url('https://openfile.meizu.com/group1/M00/08/C6/Cgbj0GFD_OWAbnQ-AAnrj3u6JUw104.png@240x240.jpg');">
                    </i>
                    <span class="header-product-name">魅族18</span>
                    <span class="header-product-price">￥199</span>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="header-product-img"
                        style="background-image: url('https://openfile.meizu.com/group1/M00/08/C6/Cgbj0GFD_OWAbnQ-AAnrj3u6JUw104.png@240x240.jpg');"></i>
                    <span class="header-product-name">魅族18</span>
                    <span class="header-product-price">￥199</span>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="header-product-img"
                        style="background-image: url('https://openfile.meizu.com/group1/M00/08/C6/Cgbj0GFD_OWAbnQ-AAnrj3u6JUw104.png@240x240.jpg');"></i>
                    <span class="header-product-name">魅族18</span>
                    <span class="header-product-price">￥199</span>
                </a>
            </li>
        </ul>
    </div>
</header>